/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {

}


/* Normal desktop :992px. */
@media (max-width: 1200px) {
.isbox0,.isbox1,.isbox2,.isbox3,.isbox4 { width:25%; height:60px; float:left;position: relative;}
.isbox0 {width:0%;}.isbox4 {width:25%;}
.main-menu ul li {  margin-right: 20px;}
.d-xl-none{display:none;}
}
/* Normal desktop :992px. */
@media (max-width: 1025px) {
.isbox0,.isbox1,.isbox2,.isbox3,.isbox4 { width:25%; height:60px; float:left;position: relative;}
.isbox0 {width:0%;}.isbox4 {width:25%;}
	
.isbox0,.isbox1,.isbox2,.isbox3,.isbox4,.isbox5 { width:20%; height:60px; float:left;position: relative;}

.isbox0 {width:0%;}
.isbox4 {width:20%;}
.isbox5 {width:20%;}	
	
	.indexmap .txt{margin:0 auto; padding:60px 0 30px 0;}
.main-menu ul li {  margin-right: 20px;}
	
.main-menu ul li .sub-menuchang {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 130%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 840px;
  z-index: 9;
  border-top: 4px solid #f3ca20;
  text-align: left;
  padding: 15px 0;
}
.main-menu ul li:hover .sub-menuchang {display:none;}	
	.main-menu ul li .sub-menuchang li {
  display: none;
  margin: 0px;
  padding: 8px 25px 8px 25px; width: 100%; float: left;
}
	.main-menu ul li .sub-menuchang li{display:none;}	
	
	.showisbox {background:#f49f45;width: 100%; position: absolute;left: 0;bottom: -400px;z-index: 3;padding:5% 5% 7% 5%;overflow: hidden;}	
	
.showisbox h3{ font-size: 16px; padding-bottom:5px;}	
.showisbox ul li{margin:0 auto; padding: 2px 0; width: 100%; height: auto; float: left;}
.showisbox ul li a{font-size: 12px; color: #fff; line-height: 20px; text-align: left; padding-left: 6px;}
.showisbox ul li a:hover{margin-left:10px;}
.showisbox ul li:before{content: '\f101'; font-family:"Font Awesome 5 Pro"; color: #fff;}
	

	

.footright{margin:0 auto; padding: 0; width: 65%; float: right;}	
	
.support11{width: 100%;border-right:0;border-bottom:1px dashed #e3e3e3; height: auto; float: left;}
.support12{width: 100%; padding-left: 0;  height: auto; float: right;}
	
.support__about p {
  margin-bottom: 5px; margin-top: 8px;
}
.support__about span {
  font-size: 36px;
  font-weight: 700;
  color: #f3ca20;
  line-height: 40px;
}	
.indexkehu .list ul li{margin:10px 0.5%; padding:10px; width: 19%; height: auto; float: left; background: #f9f9f9; text-align: center;}	
}
 
/* Tablet desktop :768px. */
@media (max-width: 991px) {

.main-menu ul li {  margin-right: 20px;}

.pt-100 {
  padding-top: 50px;
}		
}

 
/* small mobile :320px. */
@media (max-width: 768px) {
	 .slider-height {
    min-height: 600px;
  }
.slider-height-2 {
  min-height: 415px;
}	.theme-btn {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
  padding: 0px 20px;
}

.anlicon{margin:0 auto; padding:15px 0; width: 100%; height: auto; margin-top:40px; }

.anlicon .con .topding h2{ line-height:30px; font-size:20px; }
.anlicon .con .topding .title{ padding:10px 0; line-height:22px; font-size:14px;}
.anlicon .con .topding .connei .link{width: 100%;}
.anlicon .con .topding .connei .data{width: 100%; height: auto; float: left;color:#999; text-align:left;}
.anlicon .con .topding .connei .data i{padding:0 5px; margin-left: 0; color:#999; text-align:left;}


.anlicon .fengye .left{margin:0; padding:10px 0 0 0; width: 100%; height: auto; max-width: 1280px; float: left;}
.anlicon .fengye .right{margin:0 auto; padding:0; width: 160px; height: auto;float: auto; border-left:0px;}

.anlimore{margin:0 auto; padding:20px;}

#banner1{margin-top:70px;}	
		.indexmap .txt{margin:0 auto; padding:30px 0 ;}
    .blog-author-img.f-left {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .blog-single-comment.d-flex {
        display: inherit !important;
    }
    .blog-comment-box .blog-single-comment .blog-comment-img {
        margin-bottom: 20px;
        width: inherit;
    }
    .blog-author-img.f-left {
        float: none;
    }
	.iservice{display:none;}	
	.slide-bg {  height:500px;}	
  .kslider {padding-top: 5px;   }
.d-xl-none{display:block;}		
.slider-height {
  min-height: 570px;
}	
.slider-height2 {
    min-height: 400px;
  }
	
	
	
.support11{width: 46%;border-right:1px dashed #e3e3e3; border-bottom: none; height: auto; float: left;}
.support12{width: 50%; padding-left: 20px;  height: auto; float: right;}
	
	.workshow .col-lg-3{width:33%;}	
	.workshow .col-lg-9{width:66%;}		
		.moreload .col-lg-3{width:100%;}	
	.moreload .col-lg-9{display: none;}	
.aboutcon1{margin:20px auto; padding:20px 0; }
.aboutcon1 .txt .t1{margin:0; padding:10px 0; width: auto; height: auto; text-align: left;font-size: 20px; font-weight: 600; line-height: 30px; color: #000;}	
.aboutcon1 .txt .t1 p.name{font-size: 20px;line-height:24px; }	



.aboutcon1 .txt .t2{font-size: 16px;}	
.indexkehu .list ul li{margin:10px 1%; padding:10px; width: 31%; height: auto; float: left; background: #f9f9f9; text-align: center;}	
.indexkehu .col-lg-6{width:50%;}
	.subscribe-area {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fcfcfc;
    padding: 20px 0;
    z-index: 1;
}
.subscribe-form input[type="name"] {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-right: 20px;
    width: 46%; float: left;margin:5px 2%;
    height: 40px;
}
.subscribe-form input[type="tel"] {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-right: 20px;
     width: 46%; float: left;margin:5px 2%;
    height: 40px;
}
.subscribe-form input[type="content"] {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-right: 20px;
     width: 46%; float: left;margin:5px 2%;
    height: 40px;
}	
.subscribe-form button {
    position: relative;
    line-height: 40px;  width: 46%; float: left;margin:5px 2%;
    padding:0 10px; height: 40px; line-height: 40px;
    transition: all 300ms ease 100ms;
}
	
	
	.suspension{display:none;}	
	
}
 

/* small mobile  */
@media only screen  and (max-width: 574px) {
.indexnewlist ul li{ margin:5px auto; padding:0; width:48%; height:20px; margin-right: 1%; float: left; border-left: 1px solid #e3e3e3; overflow: hidden;}	
.footleft{margin:0 auto; padding: 0 3%; width: 100%; float: left;}	
.footright{ display: none;}	
.footleft .ewm .ewmpic{margin:0; padding:0; width: 70px; height: auto;float: left;}
.footleft .ewm .txt1{margin:0; padding:15px 0; width: auto; height: auto;float: left; padding-left: 10px;font-size: 14px; color: #898989; line-height: 24px; text-align: left;}
.footleft .ewm .txt1 span{font-size: 20px; color: #fff; line-height: 40px; text-align: left; font-weight: bold; font-family:Impact;}
		
.support11{margin:0 auto; padding:10px 0; width: 100%;border-right:0; border-bottom:1px dashed #e3e3e3; height: auto; float: left;}
.support12{margin:0 auto; padding:10px 0; width: 100%; padding-left:0;  height: auto; float: right;}
	
.support__about span {
  font-size: 26px;
  font-weight: 600;
  color: #f3ca20;
  line-height: 40px;
}
.pt-100 {
  padding-top: 30px;
}	
	.indexnew11{ margin:0 auto; padding:0; width:100%; height:auto; float: left;}
.indexnew12{ margin:0 auto; padding:0; width:100%; height:auto; float: right;}
	.workshow .col-lg-3{width:100%;}	
	.workshow .col-lg-9{width:100%;}	
	
.indexmenu{margin:5px auto; padding:10px 0; width: auto; height: auto; float: right;}
.indexmenu a{margin:0 5px; padding: 0 5px; width: auto; height: auto; float: left;text-align: left;font-size: 14px; font-weight: 300; color: #000; line-height: 24px;}
.indexmenu a:hover{color: #000; border-bottom: 1px solid #e3e3e3;}
	
#conmain1{ margin:0 2%; padding:0; width:96%; height:auto;font-size:11px;color:#666; text-align:right; text-decoration:none; line-height:40px; float:left; background:#fff;}
#conmain2{ margin:0 2%; padding:0; width:96%; float:right; height:auto;  font-size:18px;color:#000; text-align:left; text-decoration:none; line-height:40px;}
	
#contactfoot1{ margin:0 auto; padding:0; width:100%; height:auto; float:left; border-bottom:1px dashed #e3e3e3;border-right:0; min-height:160px;}
#contactfoot2{ margin:0 auto; padding:0; width:100%; height:auto; float:left; border-bottom:1px dashed #e3e3e3;border-right:0; min-height:160px;}
#contactfoot3{ margin:0 auto; padding:0; width:100%; height:auto; float:left; }
#contactfoot4{ margin:0 auto; padding:0; width:100%; height:auto; float:left; }	
	
	
.services .col-lg-2{width: 50%;}
.services-item {  padding:20px;margin: :10px 0;}	
.indexbaonian{padding: 20px 0;}	
.indexbaonian .title{padding: 20px 0;font-size: 26px;}

.indexbaonian .item{  padding: 20px; margin: 10px 0;}	
.indexbaonian .item h5{font-size:20px;line-height: 25px;}
.indexbaonian .item p{font-size:14px; line-height: 20px;  padding-bottom: 12px;}
.indexbaonian .item a i{
  font-size: 20px;
  color: var(--dark);
}	
.section-title {
  font-size: 30px;font-weight: 300;
  color: #000;
  line-height: 30px;
  padding-bottom: 10px;
}
	.section-title-header p {
  font-weight: 400; font-size:12px; color:#888;
  line-height: 16px;
  padding-bottom: 20px;
}
.services-item .icon {  width: 80px; text-align: center; margin: 0 auto;  height: auto;}	
.services-item .icon img{  max-width: 100%;  height: auto;}
.services-item .services-content p { margin:0 auto; width:90%;  margin-top: 5px;  margin-bottom: 5px;  line-height: 16px; font-size:12px;}	
.services-item .services-content h3 {  margin-bottom: 0;}	
.services-item .services-content h3 a {  font-size: 16px;  letter-spacing: 0;}	
	
	
	
	
}

@media (max-width:768px) {
.moreload ul.list li{width: 48%;height: auto;margin:1px;float: left;overflow: hidden;}		
}

@media (min-width:768px) {
.moreload ul.list li{width: 48%;height: auto;margin:1px;float: left;overflow: hidden;}	
}

@media (min-width:992px) {
.moreload ul.list li{width: 33%;height: auto;margin:1px;float: left;overflow: hidden;}
	
}

@media (min-width:1200px) {	
	
	
}


@media (min-width:1340px) {
.moreload ul.list li{width: 24.5%;height: auto;margin:1px;float: left;overflow: hidden;}
	.moreload ul.list li img{width: 100%;height: 100%;}
	.moreload ul.list p{text-align: center;padding: 10px;}

}


.kproject .img {height: 150px;}	
.kproject img {width: 100%;height:150px;object-fit: cover;}
@media (max-width:576px) {
.kproject .img {height: 150px;}	
.kproject img {width: 100%;height:150px;object-fit: cover;}
}
@media (min-width:576px) {
.kproject .img {height: 175px;}	
.kproject img {width: 100%;height:175px;object-fit: cover;}
}

@media (min-width:768px) {
.kproject .img {height: 250px;}	
.kproject img {width: 100%;height:250px;object-fit: cover;}
}

@media (min-width:992px) {
.kproject .img {height: 220px;}	
.kproject img {width: 100%;height:220px;object-fit: cover;}
}

@media (min-width:1200px) {
.kproject .img {height: 266px;}	
.kproject img {width: 100%;height:266px;object-fit: cover;}
}

@media (min-width:1340px) {
.kproject .img {height: 220px;}	
.kproject img {width: 100%;height:220px;object-fit: cover;}
}

@media (min-width:1580px) {
.kproject .img {height: 245px;}	
.kproject img {width: 100%;height:245px;object-fit: cover;}

}

@media (min-width:1800px) {
.kproject .img {height: 280px;}	
.kproject img {width: 100%;height:280px;object-fit: cover;}

}
@media (min-width:2500px) {
.kproject .img {height: 350px;}	
.kproject img {width: 100%;height:350px;object-fit: cover;}

}

@media (max-width:540px) {
.moreload ul.list li:nth-child(2n+1){clear: both;}	
	.kproject .img {height: 120px; overflow: hidden;}	
.kproject img {width: 100%;height:120px;object-fit: cover;}
}